page {
  // height: 100vh;
  background-color: #efefef !important;
  padding: 16rpx;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;

  >view {

    //选择直接后代（孙子后代view不会被选中）
    &:nth-child(n+2) {
      margin-top: 16rpx; //第二个容器开始与前一个都有间隙
    }
  }
}

.swiper {
  border-radius: 16rpx;
  overflow: hidden;

  // 只有swiper添加圆角属性需要设置overflow
  swiper {

    height: 360rpx;
    background-color: skyblue;
  }

  swiper-item {
    image {
      width: 100%;
      height: 100%;
    }

    &:first-child {
      background-color: lightgreen;
    }

    &:last-child {
      background-color: lightsalmon;
    }
  }
}


.info {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  padding: 20rpx 16rpx;
  border-radius: 16rpx;

  .iconfont{
    font-size: 40rpx;//图标大小
  }
  text {
    font-size: 30rpx;//图标后面的字体大小
  }


}


.good-nav {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  padding: 20rpx 16rpx;
  border-radius: 15rpx;

  view {
    navigator {
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    image {
      width: 80rpx;
      height: 80rpx;
    }

    text {
      font-size: 30rpx;
      margin-top: 12rpx;
    }

  }
}

.good-hot {
  background-color: #fff;
  padding: 16rpx;
  border-radius: 10rpx;

  .scroll-x {
    width: 100%;
    white-space: nowrap; //不准换行
  }

  view {
    display: inline-block;
    width: 320rpx;
    height: 440rpx;
    margin-right: 16rpx;

    image {
      width: 100%;
      height: 320rpx;
    }

    &:last-child {
      //选择最后一个view右边没有间隙
      margin-right: 0;
    }

    .good-item {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    text {
      font-size: 30rpx;

      &:nth-of-type(1) {  //加粗第一个text花名
        font-weight: bold;
      }
    }
  }
}

// .bg-image{
//   height: 400rpx;
//   //背景图写本地路径不会展示
//   // background-image: (url(../../assets/bgimage.png));
//     //背景图传到公司服务器，使用网络图片
//   background-image: (url(http://8.131.91.46:6677/bgimage.png));
//       //背景图转换成base64格式，格式字数太多不推荐

// }

// .scroll-x{
//   width: 100%;
//   white-space: nowrap;   
//   // 不允许换行
//   background-color: skyblue;

//   view{
//     display: inline-block;
//     width: 300rpx;
//     height: 80rpx;

//     &:first-child{
//       background-color: lightcoral;
//     }
//     &:last-child{
//       background-color: lightseagreen;
//     }
//   }

// }

// .scroll-y{
//   height: 400rpx;
// margin-top: 10rpx;
//   background-color: skyblue;

//   view{

//     height: 300rpx;

//     &:first-child{
//       background-color: lightcoral;
//     }
//     &:last-child{
//       background-color: lightseagreen;
//     }
//   }

// }